<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>滑动验证码</title>
    <style>
        @import "../static/css/huadong.css";
    </style>
</head>
<body>

    <h1>滑动验证码</h1>
    <div style="align-content: center;width: 1000px">
        <div class="jigsaw" id="jigsaw" style="width: 300px">
            <div class="imagebox" id="imagebox">
                <img class="imageback" id="imageback">
                <div class="missblock" id="missblock"></div>
                <div class="targetblock" id="targetblock"></div>
            </div>
            <div class="jigsawTrack" id="jigsawTrack">
                <span class="jigsawCircle" id="jigsawCircle"></span>
                <span class="jigsawTips" id="jigsawTips">请滑动圆点以完成拼图</span>
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="../static/js/huadong_hx.js"></script>
</body>
</html>